import React from "react";
import { Avatar, Divider } from "antd";
import {
    GithubOutlined,
    QqOutlined,
    WechatOutlined
} from '@ant-design/icons'


const Author = () => {
    return (
        <div className="author-div comm-box">
            <div>
                <Avatar size={100}>
                    <WechatOutlined />
                </Avatar>
            </div>
            <div className="author-introduction">
                FTXXzxzxzxzxzxzxzxzxzxzxzx
                <Divider>社交账号</Divider>
                <Avatar size={28} className="account">
                    <GithubOutlined />
                </Avatar>
                <Avatar size={28} className="account">
                    <QqOutlined />
                </Avatar>
                <Avatar size={28} className="account">
                    <WechatOutlined />
                </Avatar>
            </div>
        </div>
    )
}

export default Author